<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			a {
				text-decoration: none;
			}

			ul li {
				list-style: none;
			}

			.dinghei {
				width: 100%;
				height: 40px;
				background-color: #000000;
			}

			.dingbu-zuo {
				float: left;
			}

			.dingbu-zuo ul li {
				display: inline-block;
				margin: 0 2px;
				height: 40px;
				line-height: 40px;
			}

			.dingbu-zuo ul li a {
				color: white;
				font-size: 10px;
			}
			
			.dingbu-you {
				float: right;
			}
			
			.dingbu-you ul li {
				display: inline-block;
				margin: 0 2px;
				height: 40px;
				line-height: 40px;
			}
			
			.dingbu-you ul li a {
				color: white;
				font-size: 10px;
			}
		</style>
	</head>
	<body>
		<div class="dinghei">
			<div class="dingbu-zuo">
				<ul>
					<li class="daohantiao1"><a href="#">小米商场</a></li>
					<li class="daohantiao1"><a href="#">MIUI</a></li>
					<li class="daohantiao1"><a href="#">loT</a></li>
					<li class="daohantiao1"><a href="#">云服务</a></li>
					<li class="daohantiao1"><a href="#">金融</a></li>
					<li class="daohantiao1"><a href="#">有品</a></li>
					<li class="daohantiao1"><a href="#">小爱开放平台</a></li>
					<li class="daohantiao1"><a href="#">企业团购</a></li>
					<li class="daohantiao1"><a href="#">资质证照</a></li>
					<li class="daohantiao1"><a href="#">协议规则</a></li>
					<li class="daohantiao1"><a href="#">下载app</a></li>
					<li class="daohantiao1"><a href="#">下载SelectLocation</a></li>
				</ul>
			</div>
			<div class="dingbu-you">
				<ul>
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
					<li><a href="#">消息通知</a></li>
					<li><a href="#"><i class="iconfont iconchat-gray"></i>购物车</a></li>
				</ul>
			</div>
		</div>

	</body>
</html>